<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!--
        在网页中html专门用来负责网页的结构
            所以在使用html标签时,应该关注的是标签的语义,而不是它的样式
    -->
    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>
    <!--
        一共有6级标题 h1-h6
        h1最重要,h6最次,以此类推
        h1在网页中的重要仅次于title标签
        一般下标题标签只会使用到h1~h3,h4~h6很少用.
        
        在页面中独占一行的元素成为块元素(block element)
        标签标题都是块元素(block element)
    -->
    <!-- 
            p标签标示页面中的一个段落

            p也是块元素(block element)
     -->
     <hgroup>
     <p>p标签标示<em>...</em>页面中的一个段落</p>
    </hgroup>
    <!-- 
        hgroup标签,是用来为标题分组,将一组相关的标题同时放进hgroup
     -->
     <!-- 
         em标签,标示语音语调的一个加重,表现为,将字体斜着

         在页面中不会独占一行的元素成为行内元素
      -->

      <p>比如<em>你很NB!</em></p>

      <p>比如<strong>就这?</strong></p>
        <!-- 
            strong标签标示强调,表现为加粗,也是一个行内元素
         -->
        <p>妖梦说过</p>
        <blockquote>
            我tm说什么了?
        </blockquote>
        <!-- 
            blockquote 标示一个长引用,表现为,前面加了很多空格,但是是一个块元素
         -->
         就这?<q>就这?</q><br>
         <!-- 
             br是换行标签,是一个行内元素
          -->
         就这
         <!-- 
             q标签,标示一个短引用,表现为双引号扩起来,是一个行内元素
          -->




</body>
</html>